<template>
  <div class="hotFilm">
    <div>
      <Header></Header>
      <div style="height: 30px"></div>
      <HotFilm></HotFilm>
      <ComingFilm></ComingFilm>
      <HotPlayFilm></HotPlayFilm>
    </div>
    <div>
      <bottom></bottom>
    </div>
  </div>
</template>

<script>
  import Header from '@/components/Header/Header'
  import HotFilm from './HotFilm.vue'
  import ComingFilm from './ComingFilm.vue'
  import HotPlayFilm from './HotPlayFilm.vue'
  import bottom from '@/components/Header/bottom'
  export default {
    name: "Homepage",
    components:{
      Header,
      HotFilm,
      ComingFilm,
      HotPlayFilm,
      bottom
    }
  }
</script>
<style scoped>

</style>
